<template>
	<view>
		<view class="denglv" @tap="submit" :style="{'background-color':backgroundColor,'margin-top':margintop} ">
			{{text}}
		</view>
	</view>
</template>

<script>
	export default {
		name:"SubmitButton",
		props:{
			buttonMethod:{
				type:Function
			},
			text:{
				type:String,
				default:"保存"
			},
			backgroundColor:{
				type:String,
				default:""
			},
			margintop:{
				type:String,
				default:"80rpx"
			},
		},
		data() {
			return {
				
			};
		},methods:{
			submit(){
				this.buttonMethod();
			}
		}
	}
</script>

<style lang="scss">
	.denglv{
		height:96rpx;
		background: $uni-color-primary;
		border-radius:48rpx;
		margin-top: 80rpx;
		line-height: 96rpx;
		text-align: center;
		font-size: 32rpx;
		color: $uni-text-color-inverse;
		letter-spacing: 1rpx;
	}
</style>
